<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <title>订单</title>
    <link rel="stylesheet" href="./css/supermarket.css" />
      <link rel="stylesheet" href="./css/orderDetail.css" />
    <script>
    /*(function (doc, win) {
                          var docEl = doc.documentElement,
                            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                            recalc = function () {
                              var clientWidth = docEl.clientWidth;
                              if (!clientWidth) return;
                              docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
                            };
                         
                          if (!doc.addEventListener) return;
                          win.addEventListener(resizeEvt, recalc, false);
                          doc.addEventListener('DOMContentLoaded', recalc, false);
                        })(document, window);
                        */
    </script>
    <style>
    .psing{
        height:30px;line-height: 30px;
    }
    .red{color:#ff2c2c;}
    .look{background:#ffc23f;color:#fff;}
    .del{background: #e9e9e9;color:#fff;}
    .delActive{background: #58c2ff;color:#fff;}
    .font90{font-size:90%;}
    </style>
</head>

<body>
    <div class="_top">
        <div class="_left_top"></div>
        <div class="_title_top">订单</div>
        <div class="_right_top nobackground"></div>
    </div>
    <div class="_content">
        <div class="_son_title ub">
            <div class="title_left_ico margin_left10 "></div>
            <div class="ub-f1 text-l">大吉祥天</div>
            <div class="right_arrows"></div>
        </div>
        <div class="ub margintop10 margin_bottom10 ">
            <div class="margin_left10 margin_right10">
                <img style="height:6rem;" src="image/cs_sp1.png" alt="">
            </div>
            <div class="ub-f1 lh25">衣锦 2015冬装新款羽绒服奢华大 毛领韩中长款金色..
            </div>
            <div class="margin_right10 text-r lh25">
                <p class="font_col_red">￥13</p>
                <p class="col_9">X2</p>
            </div>
        </div>
        <div class="_son_title ub psing font90">
            <div class="margin_left10 col ">订单配送中</div>
            <div class="ub-f1 text-r margin_right10 col-666">共2件商品 合计:￥26（含运费:￥0）</div>
        </div>
        <div class="_son_title ub ">
            <div class="ub-f2"></div>
            <div class="ub-f1 text-c red">评价</div>
             <div class="ub-f1 text-c look">查看物流</div>
              <div class="ub-f1 text-c del">删除订单</div>
        </div>
     

         <div class="_son_title ub">
            <div class="title_left_ico margin_left10 "></div>
            <div class="ub-f1 text-l">大吉祥天</div>
            <div class="right_arrows"></div>
        </div>
        <div class="ub margintop10 margin_bottom10 ">
            <div class="margin_left10 margin_right10">
                <img style="height:6rem;" src="image/cs_sp1.png" alt="">
            </div>
            <div class="ub-f1 lh25">衣锦 2015冬装新款羽绒服奢华大 毛领韩中长款金色..
            </div>
            <div class="margin_right10 text-r lh25">
                <p class="font_col_red">￥13</p>
                <p class="col_9">X2</p>
            </div>
        </div>
        <div class="_son_title ub psing font90">
            <div class="margin_left10 col ">订单配送中</div>
            <div class="ub-f1 text-r margin_right10 col-666">共2件商品 合计:￥26（含运费:￥0）</div>
        </div>
        <div class="_son_title ub ">
            <div class="ub-f2"></div>
            <div class="ub-f1 text-c red">评价</div>
             <div class="ub-f1 text-c look">查看物流</div>
              <div class="ub-f1 text-c delActive">删除订单</div>
        </div>

    </div>
</body>

</html>
